<!DOCTYPE html>
<html lang="zh-CN">

<#assign html_title="搬砖之家">
        <head>

                <#include "/components/head.htm"   />
                <style>
                        .card{
                                width: 200px;
                                height: 120px;
                                margin: 15px;
                        }

                        .bs-callout {
                                padding: 20px;
                                margin: 20px 0;
                                border: 1px solid #eee;
                                border-left-width: 5px;
                                border-radius: 3px;
                        }
                        .bs-callout-warning {
                                border-left-color: #aa6708;
                        }
                        .bs-callout + .bs-callout {
                                margin-top: -5px;
                        }
                </style>
        </head>
        <body>
        <div id="fullPage">
                <!--Page One-->
                <#include "/components/header.section.htm"   />
                <section>
                        <div class="container white-block">

                                <h4>基本信息</h4>
                                <div class="row"> <div class="col-md-1"></div><div class="col-md-3">订单编号</div><div class="col-md-3">${order.order_no}</div> </div>
                                <div class="row"> <div class="col-md-1"></div><div class="col-md-3">创建时间</div><div class="col-md-3">${order.create_time?string("yyyy-MM-dd HH:mm:ss")}</div> </div>
                                <div class="row"> <div class="col-md-1"></div><div class="col-md-3">套餐单价</div><div class="col-md-3">${order.price?string('0.00')}元</div> </div>
                                <div class="row"> <div class="col-md-1"></div><div class="col-md-3">套餐天数</div><div class="col-md-3">${order.day}</div> </div>
                                <div class="row"> <div class="col-md-1"></div><div class="col-md-3">总金额</div><div class="col-md-3">${order.amount?string('0.00')}元</div> </div>
                                <br></br>
                                <div class="row"> <div class="col-md-1"></div>
                                        <a href="/view/order/to_pay?order_id=${order.id}" target="_blank" id="toPayLink" style="display: block;">

                                        <!-- Button trigger modal -->
                                        <button type="button" class="btn btn-primary col-md-3" id="to_pay_btn" data-toggle="modal" data-target="#myModal">
                                                去支付
                                        </button>
                                        </a>
                                </div>
                                <br></br>


                        </div>
                </section>
        </div>


        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                        <div class="modal-content">
                                <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">支付</h4>
                                </div>
                                <div class="modal-body">
                                        付款完成前请不要关闭此窗口。完成付款后请根据您的情况点击下面的按钮。
                                </div>
                                <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">付款遇到问题</button>
                                        <button type="button" class="btn btn-primary" id="finishPayBtn">已经完成付款</button>
                                </div>
                        </div>
                </div>
        </div>
        <script>
                $(document).ready(function () {
                        $('#finishPayBtn').click(function () {
                                window.location.href = "/view/order/detail?order_id=${order.id}";
                        });
                });
        </script>
        </body>

</html>

